<template>
    <checkbox v-model="checked" label="复选框" style="font-size: 40px; background-color: aqua;">
    <!-- <checkbox v-model="checked" @click="OnClick" label="复选框" style="font-size: 40px; background-color: aqua;"> -->
    </checkbox>
</template>

<script>
export default {
    data() {
        return {
            checked: true
        }
    },

    watch: {
        checked: function (new_value, old_value) {
            console.log("v-model=checked new_value = ", new_value, " old_value = ", old_value);
        }
    },

    methods: {
        OnClick() {
            console.log('OnClick');
            console.log(this.checked);
        }
    }
}
</script>